<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!-- 全局的样式配置,习惯的位置
		body代表整个页面标签，修饰整个body中的字体 -->
		<style>
			body{
				font-size: 8px;
				/*border: 1px solid red;*/
				width: 290px;
			}
			
			.me{/*//共享样式,定义一个名称class属性=me
				//class属性名前必须有一个*/
				/*class属性公用*/
			padding-left: 90px;
			}
			.please{
			font-size: 22px;font-weight: bold;
				
			}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<br /><!--换行-->
		<div class="please">请您留意存取账单单号</div>
		<div class="me">自取顾客联</div>
		<!--通过左边空白，用户感官是居左-->
		<div>永和大王（北三环西路店）</div>
		<div>010-62112313</div>
		<div class="me">结账单</div>
		<div class="please">账单号：P000010</div>
		<div>账单类型：堂食</div>
		<div>人数：1</div>
		<div>收银员：张静</div>
		<div>开单时间：2021-03-09 07：09：09</div>
		<div>结账时间：2021-03-09 07：10：10</div>
		<!--虚线dashed：默认是实线soild，换线性-->
		<hr style="border: 1px dashed;"/>
		<!--表格：表格头，普通行，单元格-->
		<table border="0">
			<tr>
				<td width="30"align="center">数量</td>
				<td width="150"align="center">品项</td>
				<td width="50"align="center">金额</td>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>
					玉米肉松蛋饼2p
					<br />
					1 X -- 玉米肉松蛋饼
					<br />
					1 X -- 现磨豆浆（热/甜）
				</td>
				<td valign="top"align="right">8.00</td>
			</tr>
			
			
		</table>
		
		<hr style="border: 1px dashed;"/>
		
		<table border="0">
			<tr>
				<td width="40">合计</td>
				<td width="192"align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
			
		</table>
		
		<hr style="border: 1px dashed;"/>
		<div>打印时间： 2021-03-09 07：24：38</div>
		
		<hr style="border: 1px dashed;"/>
		<div style="padding-top:15px ;">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			根据相关税法规定，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
		<!--相对路径访问图片-->
		<img src="image/qr.png" style="padding: 90px;"/>
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线： 68-21-12345678</div>
		<br />
		<br />
	</body>
</html>
